import React from 'react'
import '../scss/CollectionProcessing.scss'
import { Button } from 'antd';
import { Route ,Link,Switch} from "react-router-dom"
import DueRemind2 from './DueRemind2'
import TelephoneCollection from './TelephoneCollection'
import TheDoor from './TheDoor'
import Litigation from './Litigation'

export default function CollectionProcessing(props) {
  return (
    <div className='CollectionProcessing'>
      <div className='CollectionProcessing-title'>
        催收处理
      </div>

      <div className='CollectionProcessing-ways'>
        催款方式：<Link to='/home/collectionrecorddetails/dueremind2'><Button> 预催收 </Button></Link>
        <Link to='/home/collectionrecorddetails/telephonecollection'><Button> 电话催收 </Button></Link>
        <Link to='/home/collectionrecorddetails/thedoor'><Button> 上门/外诉 </Button> </Link>
        <Link to='/home/collectionrecorddetails/litigation'><Button disabled > 诉讼 </Button></Link>
      </div>

      <div className='CollectionProcessing-body'>
      <Switch>
        <Route path='/home/collectionrecorddetails/dueremind2' component={DueRemind2}></ Route>
        <Route path='/home/collectionrecorddetails/telephonecollection' component={TelephoneCollection}></ Route>
        <Route path='/home/collectionrecorddetails/thedoor' component={TheDoor}></ Route>
        <Route path='/home/collectionrecorddetails/litigation' component={Litigation}></ Route>
      </Switch>
      </div>

    </div>
  )
}
